// 在 React 组件中使用 store 中的数据，需要用到一个钩子函数 useSelector ，作用时把 store 中的数据映射到组件中。
import { useSelector, useDispatch } from "react-redux";
import { increment, decrement } from "../store/modules/counterStore";

function StoreCounter(props) {
    // const {count} = props;
    const { count } = useSelector(state => state.counter);
    const dispatch = useDispatch();
    return (
        <div>
            <button onClick={() => dispatch(decrement())}>-</button>
            <span>{count}</span>
            <button onClick={() => dispatch(increment())}>+</button>
        </div>
    )
}

export default StoreCounter;